.width-10{width: 10%;}.width-20{width: 20%;}.width-30{width: 30%;}.width-40{width: 40%;}.width-50{width: 50%;}
.width-60{width: 60%;}.width-70{width: 70%;}.width-80{width: 80%;}.width-90{width: 90%;}.width-100{width: 100%;}
.height-10{height:10%;}.height-20{height:20%;}.height-30{height:30%;}.height-40{height:40%;}.height-50{height:50%;}
.height-60{height:60%;}.height-70{height:70%;}.height-80{height:80%;}.height-90{height:90%;}.height-100{height:100%;}

.home-container {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.home-header {
  background-color: #20a0ff;
  color: #333;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: content-box;
  padding: 0px;
}

.home-aside {
  background-color: #ECECEC;
}

.home-main {
  background-color: #fff;
  color: #000;
  text-align: center;
  margin: 0px;
  padding: 0px;;
}

.home_title {
  letter-spacing: 5px;
  color: #fff;
  font-size: 22px;
  display: inline;
  margin-left: 8px;
}

.home_userinfo {
  color: #fff;
  cursor: pointer;
}

.home_userinfoContainer {
  display: inline;
  margin-right: 20px;
}
